@media (max-width: 100000px) {
    html {
        font-size: 32px; } }

@media (max-width: 660px) {
    html {
        font-size: 32px; } }

@media (max-width: 640px) {
    html {
        font-size: 31px; } }

@media (max-width: 620px) {
    html {
        font-size: 30px; } }

@media (max-width: 600px) {
    html {
        font-size: 29px; } }

@media (max-width: 580px) {
    html {
        font-size: 28px; } }

@media (max-width: 560px) {
    html {
        font-size: 27px; } }

@media (max-width: 540px) {
    html {
        font-size: 26px; } }

@media (max-width: 520px) {
    html {
        font-size: 25px; } }

@media (max-width: 500px) {
    html {
        font-size: 24px; } }

@media (max-width: 480px) {
    html {
        font-size: 23px; } }

@media (max-width: 460px) {
    html {
        font-size: 22px; } }

@media (max-width: 440px) {
    html {
        font-size: 21px; }
    .home-content .component_products .products_zs div p span:first-child{
        margin-left: 0.5em;
    }

    .home-content .component_products .products_zs div p .sho {
        display: block;
        margin: 0 0 0.1em 0.7em;
    }
    .home-content .component_products .products_zs div p .hid {
        display: none;
    }
    .home-content .component_products .products_zs div h4 {
        margin-left: 0.5em;
    }
}

@media (max-width: 420px) {
    html {
        font-size: 20px; } }

@media (max-width: 400px) {
    html {
        font-size: 19px; } }

@media (max-width: 380px) {
    html {
        font-size: 18px; } }

@media (max-width: 360px) {
    html {
        font-size: 17px; } }

@media (max-width: 340px) {
    html {
        font-size: 16px; } }
